<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <script src="/libs/jquery/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="/css/detail.css">
</head>

<body>
    <div class="header"></div>
    <div class="detail-nav">
        <div class="detail-nav-middel">
            <div class="detail-top">
                <a href="/index.html">首页</a> &nbsp;>&nbsp;
                <a href="#">雪肌精</a>
            </div>
            <div class="detail-bottom">
                <div class="detail-left">
                    <div class="btn-group">
                        <ul>
                            <li>雪肌精</li>
                            <li><a href="#">&gt;雪肌精</a></li>
                            <li><a href="#">&gt;茵菲妮</a></li>
                            <li><a href="#">&gt;绮丝碧</a></li>
                            <li><a href="#">&gt;谧雅 </a></li>
                            <li><a href="#">&gt;畅销商品</a></li>
                            <li><a href="#">&gt;特惠礼盒 </a></li>
                            <li><a href="#">筛选产品</a></li>
                            <li><a href="#">&gt;价格区间</a></li>
                        </ul>
                    </div>
                </div>
                <div class="detail-right">
                    <div class="detail-right-top">
                        雪肌精
                        <!-- <span>
                        <option> 上市时间 </option>
                            <option>销量排序</option>
                            <option>价格由低到高</option>
                            <option>价格由高到低</option>
                    </span> -->
                        <select class="cars">
                        <option value="volvo">上市时间</option>
                        <option value="saab">销量排序</option>
                        <option value="fiat">价格由低到高</option>
                        <option value="audi">价格由高到低</option>
                        </select>
                    </div>
                    <div class="detail-right-bottom">
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="/img/43002794.jpg" alt=""></as></dt>
                            <dd>雪肌精</dd>
                            <dd>雪肌精精华水</dd>
                            <dd>￥270</dd>
                            <dd><a href="#">立即购买</a></dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer"></div>
    <script type="text/javascript">
        $('.header').load('modules/header.html'),
            $('.footer').load('modules/footer.html')
    </script>
    <script src="/libs/bootstrap/js/bootstrap.min.js"></script>
    <script src="/libs/require/require.min.js" data-main="/js/detail.js"></script>
</body>

</html>